<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		 定位：定位模型+边偏移
		 定位的四个属性：top、buttom、left、right
		 
		 （1）默认为static
		 
		 （2）相对定位:relative,相对于原来的位置来说的，原来的位置继续保留。
		 
		 （3）绝对定位：absolute，相对于祖先元素来说的，没有祖先元素，以文档、浏览器来说；
		 如果父级有定位，以最近一级的父级为参考点移动位置；绝对定位不再占用原来的位置。
		 
		 （4）固定定位:fixed，以浏览器的可视窗口进行定位，跟父级没有关系，不随滚动而滚动；不占原来的位置，脱离标准流
		 
		   子绝父相
			 
		 （5）粘性定位：sticky,被认为是相对定位和绝对定位的混合；
			 以浏览器的可视窗口为参照，保留原来的位置；必须添加top、buttom、left、right其中一个。
			 当top：0时，将不再随着滚动
		   但是兼容性太差，IE不支持
			 
			 定位的叠放顺序：z-index
			 使用z-index来控制盒子的前后次序（z轴）
			 默认auto，还有正整数、负整数，总之数值越大，盒子越靠近
			 如果属性相同，则后来居上
			 
		 -->
	</body>
</html>
